<template>
	<view>
		<gui-a-header title="关于我们"></gui-a-header>
		<view class="header-warp gui-flex gui-justify-content-center">
			<image class="logo_img" :src="dataInfo.logoImg" mode="widthFix"></image>
		</view>
		<view class="info">
			<view class="label f28 c333">
				成立日期：
			</view>
			<view class="val f28 c333">
				{{dataInfo.creTime}}
			</view>
			<view class="label f28 c333">
				网址：
			</view>
			<view class="val f28 c333">
				{{dataInfo.website}}
			</view>
			<view class="label f28 c333">
				统一社会信用代码：
			</view>
			<view class="val f28 c333">
				{{dataInfo.allCode}}
			</view>
			<view class="label f28 c333">
				地址：
			</view>
			<view class="val f28 c333">
				{{dataInfo.address}}
			</view>
			<view class="label f28 c333">
				简介：
			</view>
			<view class="val f28 c333">
				{{dataInfo.context}}
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		selectAboutInfo
	} from '@/api/app.js';
	import {
		ref
	} from 'vue';
	const dataInfo = ref({
		address: "--",
		allCode: "--",
		context: "--",
		creTime: "--",
		createBy: '--',
		createTime: "--",
		logoImg: "--",
		remark: '--',
		status: '--',
		updateBy: '--',
		updateTime: '--',
		website: "--"
	})
	const loadData = ()=> {
		selectAboutInfo().then(res => {
			if(res.code == 200) {
				dataInfo.value = res.data;
			}
		})
	}
	loadData();
</script>

<style lang="scss">
	.logo_img {
		width: 172rpx;
	}
	.header-warp {
		padding: 87rpx 0 0 0;
	}
	
	.info {
		padding: 26rpx 67rpx;
	}
	
	.label,.val {
		line-height: 150%;
	}

</style>
